﻿<div class="row wrapper border-bottom white-bg page-heading"> <div class="col-lg-10"> <h2>系统设置</h2> <ol class="breadcrumb"> <li> <a href="index.html">首页</a> </li> <li> <a>model</a> </li> <li class="active"> <strong>代理候选人</strong> </li> </ol> </div> <div class="col-lg-2"> </div> </div>
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row">
			<div class="col-lg-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content form-inline">
						<button id="btnNewDict" class="btn btn-success" type="submit" onclick="btnNewSurrogateClick()">创 建</button>
					</div>
				</div>
			</div>
		</div>

			<div class="row">
				<div class="col-lg-12">
					<div class="ibox float-e-margins">
						<div class="ibox-content">
							<!--table table-border table-bordered table-bg-->
				<table id="tbSurrogateList" class="table table-striped table-bordered table-hover  dataTable">
					<thead>
					<tr>
						<th style="text-align:center;">流程编码</th>
						<th style="text-align:center;">被代理人</th>
						<th style="text-align:center;">代理人</th>
						<th style="text-align:center;">创建时间</th>
						<th style="text-align:center;">生效时间</th>
						<th style="text-align:center;">失效时间</th>
						<th style="text-align:center;">状态</th>
						<th style="text-align:center;">操作</th>
					</tr>
					</thead>
				</table>
						</div>
				</div>
			</div>
			</div>
	</div>

<div>
<!-- 模态框（表单） -->
<div class="modal right fade" id="newSurrogateDlg">
	<div class="modal-dialog" style="width:620px">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title">新增代理</h4>
			</div>
			<div class="modal-body">
				<div class="row form-horizontal">
					<div class="form-group">
						<label class="col-sm-2 control-label">流程编码</label>
						<div class="col-sm-10"><input id="newProcessName" type="text" class="form-control"/></div>
					</div>
					<div class="form-group" name="newSurrogateUser">
							<label class="col-sm-2 control-label labelwidth">被代理人</label>
							<div class="col-sm-10">
								<div class="taginput emptree">
									点击选择
								</div>
								<input type="hidden" />
							</div>
							<!-- 模态框（Modal） -->
							<div class="modal fade" id="newSurrogateUser">
								<div class="modal-dialog" style="width:500px">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
											<h4 class="modal-title">人员选择</h4>
										</div>
										<div class="modal-body">
											<form class="form-horizontal">
												<div class="form-group">
													<input type="text" class="form-control" placeholder="搜索人员" />
												</div>
												<div class="form-group" style="margin:10px auto;">
													<div class="tree-wrapper dept" style="float:left;width:60%">
														<div class="emptree" style="width:100%;position:relative;"></div>
													</div>
													<div class="tree-wrapper emp" style="padding-top:6px">
													</div>
												</div>
											</form>
										</div>
										<div class="modal-footer">
											<div style="float:left">
												已选：<span class="badge badge-primary"></span>
											</div>
											<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
											<button type="button" onclick="onUserSelect(this)" class="btn btn-primary">保存</button>
										</div>
									</div><!-- /.modal-content -->
								</div><!-- /.modal-dialog -->
							</div><!-- /.modal -->
					</div>
					<div class="form-group" name="newSurrogateNew">
						<label class="col-sm-2 control-label labelwidth">代理人</label>
						<div class="col-sm-10">
							<div class="taginput emptree">
								点击选择
							</div>
							<input type="hidden" />
						</div>
						<!-- 模态框（Modal） -->
						<div class="modal fade" id="newSurrogateNew">
							<div class="modal-dialog" style="width:500px">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
										<h4 class="modal-title">人员选择</h4>
									</div>
									<div class="modal-body">
										<form class="form-horizontal">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="搜索人员" />
											</div>
											<div class="form-group" style="margin:10px auto;">
												<div class="tree-wrapper dept" style="float:left;width:60%">
													<div class="emptree" style="width:100%;position:relative;"></div>
												</div>
												<div class="tree-wrapper emp" style="padding-top:6px">
												</div>
											</div>
										</form>
									</div>
									<div class="modal-footer">
										<div style="float:left">
											已选：<span class="badge badge-primary"></span>
										</div>
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										<button type="button" onclick="onUserSelect(this)" class="btn btn-primary">保存</button>
									</div>
								</div><!-- /.modal-content -->
							</div><!-- /.modal-dialog -->
						</div><!-- /.modal -->
					</div>
					<div name="newSdate" class="form-group">
						<label class="col-sm-2 control-label labelwidth">生效时间</label>
						<div class="col-sm-10 input-group2 date begin">
							<input id="newSdate" type="text" class="form-control" /><span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						</div>
					</div>
					<div name="newEdate" class="form-group">
						<label class="col-sm-2 control-label labelwidth">失效时间</label>
						<div class="col-sm-10 input-group2 date end">
							<input id="newEdate" type="text" class="form-control" /><span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button class="btn btn-primary" onclick="saveNewSurrogate()"> 创 建 </button>
			</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
</div>

<div>
	<!-- 模态框（表单） -->
	<div class="modal right fade" id="editDictDlg">
		<div class="modal-dialog" style="width:620px">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
					<h4 class="modal-title">新增字典</h4>
				</div>
				<div class="modal-body">
					<div class="row form-horizontal">
						<div class="form-group">
							<label class="col-sm-2 control-label">编码</label>
							<div class="col-sm-10"><input id="editCode" type="text" class="form-control" disabled/></div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">父编码</label>
							<div class="col-sm-10"><input id="editParentCode" type="text" class="form-control" disabled/></div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">内容</label>
							<div class="col-sm-10"><textarea rows="3" id="editText" class="form-control" /></div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">排序</label>
							<div class="col-sm-3"><input id="editSort" type="text" class="form-control spin"/></div>
							<div class="col-sm-7"></div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">分类</label>
							<div class="col-sm-10"><select id="editCategory" type="text" class="form-control">
								<option value="leave">请假类型</option>
								<option value="bx_item">报销类型</option>
								<option value="script_const">【脚本变量】</option>
							</select></div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">描述</label>
							<div class="col-sm-10"><input id="editRemark" type="text" class="form-control" /></div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-primary" onclick="saveEditDict()"> 修 改 </button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
</div>
<link href="lib/datatables/1.10.4/dataTables.bootstrap.css" rel="stylesheet"/>
<script src="lib/datatables/1.10.4/jquery.dataTables.js"></script>
<script src="lib/datatables/1.10.4/dataTables.bootstrap.js"></script>
<!--要在最下面设置全局参数-->
<script src="lib/datatables/1.10.4/dataTables.extend.js"></script>
<script src="lib/touchspin/jquery.bootstrap-touchspin.js"></script>
<link href="lib/touchspin/jquery.bootstrap-touchspin.css" rel="stylesheet"/>
<script src="js/page/form/control.js"></script>
<link href="js/page/form/control.css" rel="stylesheet"/>
<script src="lib/treeview/bootstrap-treeview.min.js"></script>
<link href="lib/treeview/bootstrap-treeview.min.css" rel="stylesheet"/>
<script src="lib/datapicker/bootstrap-datepicker.js"></script>
<script src="lib/datapicker/bootstrap-datepicker.zh-CN.js"></script>
<link href="lib/datapicker/datepicker3.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">

</script>
<style>
	.modal.left .modal-dialog,.modal.right .modal-dialog{position:fixed;margin:auto;height:100%;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	.modal.left .modal-content,.modal.right .modal-content{height:100%;overflow-y:auto}
	.modal.left .modal-body,.modal.right .modal-body{padding:15px 15px 80px}
	.modal.left.fade .modal-dialog{left:-320px;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}
	.modal.left.fade.in .modal-dialog{left:0}
	.modal.right.fade .modal-dialog{right:-320px;-webkit-transition:opacity .3s linear,right .3s ease-out;-moz-transition:opacity .3s linear,right .3s ease-out;-o-transition:opacity .3s linear,right .3s ease-out;transition:opacity .3s linear,right .3s ease-out}
	.modal.right.fade.in .modal-dialog{right:0}
	.modal-content{border-radius:0;border:none}
	.modal-header{border-bottom-color:#eee;background-color:#fafafa}
</style>